<template>
<div>
     <head-usual :title="centerTitle" to="/user"></head-usual>
        <div class="main">
         
        <h2>期待为你服务</h2>
        <h3>客服QQ：601108011</h3>
        <a class="gotobtn" @click="gotoQQ" >点击使用QQ进行咨询</a>
        <a class="gotobtn" href="tel:4000110801">一键拨打客服号码</a>
    </div>
</div>
 
</template>
<script>
export default {
     data() {
    return {
      centerTitle: "联系客服",
    
    };
  },
  created() {
   
  },
  methods:{
      gotoQQ(){
        window.location.href="http://wpa.qq.com/msgrd?v=3&uin=601108011&site=qq&menu=yes";
           //mqqwpa://im/chat?chat_type=wpa&uin=601108011&version=1&src_type=web&web_src=oicqzone.com
      },
  }

}
</script>
<style lang="scss" scoped>
.main{
   margin: 30px 5px 0 5px;
   border: 1px solid #ddd ;
   border-radius: 3px;
   padding: 30px 5px;
   text-align: center;
   h2{ 
       margin-bottom: 10px;
       font-size: 18px;
       font-weight: bold;
   }
   h3{
         margin-bottom: 30px;
          font-size: 15px;
   }
   .gotobtn{
   width: 80%;
  height: 45px;
  line-height: 45px;
  display: block;
  margin: 15px auto;
  border: 1px solid #ddd /*{a-bup-border}*/;
  border-radius: 5px;
  color:#333 /*{a-bup-color}*/;
  background: #f6f6f6 /*{a-bup-background-color}*/;
  margin-bottom: 38.3px;
  font-size: 16px;
   }
    .call_a{

    }
}

</style>